<template>
    <div>
        <Button>下载账单</Button>
        <Row>
            <Col span="8">
                <div class="newbase-box" style="margin-right:7px;height:390px">
                    <div class="newbase-title">账单明细</div>
                        <Form class="clearfix padding-right-15" :label-width="160">
                        <FormItem label="发货方Code">
                            <div >{{fromData.shipperCode || '--'}}</div>
                        </FormItem>
                        <FormItem label="邮编" >
                            <div >{{fromData.shipperZipcode || '--'}}</div>
                        </FormItem>
                        <FormItem label="发货方" >
                            <div >{{fromData.shipperContactName || '--'}}</div>
                        </FormItem>
                        <FormItem label="联系电话" >
                            <div >{{fromData.shipperContactPhone || '--'}}</div>
                        </FormItem>
                        <FormItem label="国家" >
                            <div >{{fromData.shipperCountrycode || '--'}}</div>
                        </FormItem>
                        <FormItem label="州" >
                            <div >{{fromData.shipperState || '--'}}</div>
                        </FormItem>
                        <FormItem label="城市" >
                            <div >{{fromData.shipperCity || '--'}}</div>
                        </FormItem>
                        <FormItem label="详细地址" >
                            <div >{{fromData.shipperAddressLine1 || '--'}}</div>
                        </FormItem>
                    </Form>
                </div>
            </Col>
            <Col span="16">
                <div class="newbase-box" style="margin-right:7px;height:390px">
                    <div class="newbase-title">运费详情</div>
                        <Form class="clearfix padding-right-15" :label-width="160">
                        <FormItem label="发货方Code">
                            <div >{{fromData.shipperCode || '--'}}</div>
                        </FormItem>
                        <FormItem label="邮编" >
                            <div >{{fromData.shipperZipcode || '--'}}</div>
                        </FormItem>
                        <FormItem label="发货方" >
                            <div >{{fromData.shipperContactName || '--'}}</div>
                        </FormItem>
                        <FormItem label="联系电话" >
                            <div >{{fromData.shipperContactPhone || '--'}}</div>
                        </FormItem>
                        <FormItem label="国家" >
                            <div >{{fromData.shipperCountrycode || '--'}}</div>
                        </FormItem>
                        <FormItem label="州" >
                            <div >{{fromData.shipperState || '--'}}</div>
                        </FormItem>
                        <FormItem label="城市" >
                            <div >{{fromData.shipperCity || '--'}}</div>
                        </FormItem>
                        <FormItem label="详细地址" >
                            <div >{{fromData.shipperAddressLine1 || '--'}}</div>
                        </FormItem>
                    </Form>
                </div>
            </Col>
        </Row>
    </div>
</template>
<script>
export default {
    data(){
        return {
            fromData:{},
        }
    },
    methods:{

    }
}
</script>